body 
{
    margin: 0 auto;
    text-align: left;
    width: 1024px;
    background: #0fb4e7; /* Old browsers */
    background: -moz-linear-gradient(top,  #0fb4e7 15%, #a9e4f7 58%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#0fb4e7), color-stop(58%,#a9e4f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0fb4e7 15%,#a9e4f7 58%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0fb4e7 15%,#a9e4f7 58%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0fb4e7 15%,#a9e4f7 58%); /* IE10+ */
    background: linear-gradient(to bottom,  #0fb4e7 15%,#a9e4f7 58%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fb4e7', endColorstr='#a9e4f7',GradientType=0 ); /* IE6-9 */

}

/* Banner style definition */
.banner
{
        position: relative;
        height: 200px;
        width: 100%;
        background-color: #04B404;
        background-image: url(../img/banner.jpg);
        background-repeat: no-repeat;
        background-position: left center;
}

.hozNavBar
{
        width: 100%;
        height: 50px;
        background-color: #013ADF;
}


.main-handle
{
        width: 66%;
        margin-top: -1px;
        float: right;
}

.main-nav
{
        margin: 0 0 0 2px;
        text-align: left;
        height: 25px;
        padding-top: 10px;
        padding-left: 0;
}


.main-nav li
{
        display: inline;
        list-style: none;
}

.main-nav li a
{
        margin-right: 5px;
        font-size: 15px;
        text-decoration: none;
        color: #f2f2f2;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        padding: 10px;
        outline: 0;
        position: relative;
        top: -2px;
}

.main-nav li a:hover, .main-nav li a:active
{
        background: #514539;
}

.sub-link-bar
{
        background: #514539;
        height: 10px;
        border-bottom: #645546 1px solid;
}

.sub-links
{
        display: none;
        position: absolute;
        width: 100%;
        top: -30px;
        text-align: left;
        left: 0;
}

.main-nav li .sub-links li a:hover
{
        background: #2d2620;
}

.main-nav li a.close
{
        display: none;
        position: absolute;
}

.main-nav li a.close:hover
{
        background: #900;
}

.centerContent
{
        height: 410px;
        width: 100%
        position: relative;
        background-color: #FF4000;
}

/* Product Category */

.categoryNavBox
{
        float: left;
        height: 100%;
        width: 20%;
        margin: 0 10px 0 0;
        background-color: #FF00FF;
}

ul#sliding-navigation
{
        list-style-type: none;
        font-size: 12px;
        margin: 10px 0;
        padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
        display: block;
        width: 150px;
        height: 30px;
        padding: 5px 18px;
        margin: 0 0 5px 0;
}

ul#sliding-navigation li.sliding-element h3
{
        color: #FE2E64;
        font-weight: normal;
}

ul#sliding-navigation li.sliding-element a 
{
        color: #999;
        border: 1px solid #1a1a1a;
        text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover
{ 
        color: #ffff66;
} 

/* Slider style definition */
#slider
{
        width: 79%;
        height: 100%;
        position: relative;
        overflow: hidden;
        background-color: #FFFF00;
}

#slider_Content
{
        width: 800px;
        position: absolute;
        top: 0;
        margin-left: 0;
}

.slider_Image
{
        float: left;
        height: 100%;
        position: relative;
        display: none;
}

.slider_Image span
{
        position: absolute;
        font: 10px/15px;
        padding: 10px 13px;
        width: 300px;
        height: 100px;
        background-color: #000;
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -webkit-opacity: 0.7;
        opcity: 0.7;
        color: #fff;
        display: none;
        right: 0;
        bottom: 0;
}

.clear
{
        clear: both;
}

#slider ul
{ 
        list-style-type: none;
}
